在Visual Studio Code Markdown预览上设置背景色

#在Visual Studio Code Markdown预览上设置背景色 | 来源: 网络整理| 查看: 265

我当前在Visual Studio Code上使用默认的Dark+颜色主题，降价预览使用的是相同的样式(黑色背景色和白色文本)。

如何为降价预览更改为浅色主题，例如深色文本和白色背景？我尝试在settings.json文件中编写类似"markdown.preview.background":"#FFFFFF"的内容，但未成功。

谢谢

相关讨论似乎您必须编写自己的扩展名或使用类似以下内容的代码：marketplace.visualstudio.com/ 关键是似乎可以观看vscode markdown页面code.visualstudio.com/assets/docs/languages/Markdown/

除了为每个项目创建自己的样式表之外，一种简单的方法是安装Markdown Preview Enhanced扩展。扩展名的默认markdown主题为白色，但您也可以通过在settings.json中设置" markdown-preview-enhanced.previewTheme"来选择其他主题

1"markdown-preview-enhanced.previewTheme":"medium.css"

当您开始输入json值时，将显示可用主题的完整列表。

在目录/工作区的根目录中创建styles.css文件。在settings.json中添加markdown.styles: ["styles.css"] 在styles.css中，添加body { background: #fff; }

为了实现相同的目的而没有所有的麻烦，您也可以这样做：

123 // Your markdown code 相关讨论在settings.json中请注意，通过使用css文件，VS Code不会立即更新预览面板以反映更改。仅在打开时，背景样式似乎会反映在预览面板中。

在Visual Studio Code markdown文档页面上，他们实际上已使用扩展Markdown Preview Github Styling

检出名为Markdown Live的扩展名，该扩展名有助于预览Markdown，它带有WYSIWG编辑器，可帮助您轻松编辑任何markdown内容。它还提供以下功能

呈现多个.md文件立即将WYSIWG编辑器中的更改同步到文本文档中，反之亦然支持vscode主题

我遇到了同样的问题，无法找到一个现成的解决方案来修复它。因此，我继续进行了默认markdown.css的修改版本以适用于Dark +主题：https：//github.com/dhdhagar/vscode-md-preview-light。

在VSCode中，只需编辑Markdown：样式配置或将以下行添加到settings.json：

123"markdown.styles": [ "https://cdn.jsdelivr.net/gh/dhdhagar/vscode-md-preview-light/style.min.css" ]

【本文地址】

今日新闻